<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>
	
$(function(){
	var layout = [
		".talk_box_1",
		".talk_box_2,.talk_top s",
		".talk_box_3",
		".talk",
		".remind_btn",
		".remind",
	];
	var timeDelay = [ .5,.9,.2,.9,.6,.5 ];
	var timeDurat = [ .1,.1,.1,.3,.2,.4 ];
	addAnimate(timeDelay,timeDurat,layout);
	setTimeout(function(){ window.parent.nextAnimation('page2_write.html'); },page_total*1000);
});
</script>

<style>
	.hide_box{animation-name: show;}
	.talk_top s{animation-name: top_text_show;}
	.talk{animation-name: window_hidden;}
	.remind_btn{animation-name: btn_click;}
	.remind{left:100%; animation-name: window_show;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_0"></dl></div>
	<div class="lock_panel">
		<ul class="home_main">
			<li><img src="img/home_icon/15.png" /><em>音乐</em></li>
			<li><img src="img/home_icon/6.png" /><em>照片</em></li>
			<li><img src="img/home_icon/7.png" /><em>相机</em></li>
			<li><img src="img/home_icon/8.png" /><em>天气</em></li>
			<li><img src="img/home_icon/9.png" /><em>时钟</em></li>
			<li><img src="img/home_icon/10.png" /><em>地图</em></li>
			<li><img src="img/home_icon/11.png" /><em>视频</em></li>
			<li><img src="img/home_icon/12.png" /><em>备忘录</em></li>
			<li class="remind_btn"><img src="img/home_icon/13.png" /><em>提醒事项</em></li>
			<li><img src="img/home_icon/14.png" /><em>股票</em></li>
			<li><img src="img/home_icon/16.png" /><em>App Store</em></li>
			<li><img src="img/home_icon/17.png" /><em>IBOOKS</em></li>
			<li><img src="img/home_icon/18.png" /><em>健康</em></li>
			<li><img src="img/home_icon/19.png" /><em>设置</em></li>
			<li><img src="img/home_icon/20.png" /><em>SAFARI</em></li>
			<li><img src="img/home_icon/21.png" /><em>邮件</em></li>
			<li class="taobao_btn"><img src="img/home_icon/22.png" /><em>淘宝</em></li>
		</ul>
		<ul class="home_bottom">
			<li><img src="img/home_icon/1.png" /></li>
			<li><img src="img/home_icon/2.png" /></li>
			<li><img src="img/home_icon/3.png" /></li>
			<li><img src="img/home_icon/4.png" /></li>
		</ul>
	</div>
	<div class="talk keyboard_show">
		<div class="talk_list talk_list_out">
			<div class="talk_list_in talk_list_in_top">
				<div class="talk_time"><em class="time_point_0"></em></div>
				<dl class="talk_parent_0"></dl>
				<dl class="talk_parent_1"></dl>
				<dl class="talk_parent_2"></dl>
				<dl class="talk_parent_3"></dl>
				<dl class="talk_parent_4"></dl>
				<div class="hide_box talk_box_1">
					<dl class="talk_parent_5"></dl>
				</div>
				<div class="hide_box talk_box_2">
					<dl class="talk_parent_6"></dl>
				</div>
				<div class="hide_box talk_box_3">
					<dl class="talk_parent_7"></dl>
				</div>
			</div>
		</div>
		<div class="talk_top"><s>(1)</s><dl>丸子小学102班家长群(38)</dl></div>
		<div class="talk_bottom_box">
			<div class="talk_bottom">
				<div class="talk_bottom_input"></div>
			</div>
		</div>
	</div>
	<div class="remind">
		<div class="remind_title">提醒</div>
		<div class="remind_number">6</div>
		<div class="remind_edit">编辑</div>
		<div class="remind_list">
			<dl><dt><s></s></dt><dd>晚十点需提交方案</dd></dl>
			<dl><dt><s></s></dt><dd>上午10点，带薇薇试听英语培训</dd></dl>
			<dl><dt><s></s></dt><dd>下午四点美术课</dd></dl>
			<dl><dt><s></s></dt><dd>晚上8点营养师培训</dd></dl>
			<dl><dt><s></s></dt><dd>婆婆下个月生日宴会，记得订酒店</dd></dl>
			<dl><dt><s></s></dt><dd>闺蜜二胎满月酒</dd></dl>
			<dl><dt><em></em></dt><dd><s></s></dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
			<dl><dd></dd></dl>
		</div>
	</div>
</div>

</body>
</html>